@charset "utf-8";
/* CSS Document */

/*banner*/
#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
#flashs .btn{ overflow:hidden; width:100%; position:absolute; left:0; bottom:20px; text-align:center;z-index: 9999;}
#flashs .btn span{ display:inline-block; width:15px; height:15px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; *margin:0 5px;}
#flashs .btn span{ *display:inline;}
#flashs .btn span.cur{ background-position:right;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}



/*search*/
.search { overflow:hidden; width:1000px; margin:13px auto 10px auto; height:30px;}
.search p{ float:left; line-height:30px; font-size:14px; color:#2f2d2d;}
.search a{ color:#2f2d2d; margin:0 5px;}
.search .sbox{ overflow:hidden; float:right; width:230px; height:28px; border:1px solid #c4c3c3;}
.search input{ float:left; width:170px; padding:0 10px; height:28px; border:none; outline:none; line-height:28px; font-size:12px; color:#999;}
.search span{ display:block; width:40px; height:28px; background:url(../images/search.png) no-repeat left center; cursor:pointer; float:right}

/*title*/
.title { overflow:hidden; width:100%; margin-bottom:50px; background:url(../images/title01.png) no-repeat center bottom; padding-bottom:20px;}
.title h2{ text-align:center; font-size:24px; color:#333; font-weight:normal; margin-bottom:3px;}
.title h2 a{ color:#333;}
.title em{ display:block; text-align:center; font-size:16px; color:#333; text-transform:uppercase;}
.title.t02 h2 a{ color:#fff;} 
.title.t02 h2{ color:#fff;} 
.title.t02 em{ color:#fff;} 
.title.t02{ background:url(../images/title02.png) no-repeat center bottom;} 

/*pro*/
.pro { overflow:hidden; width:100%; margin-bottom:50px;}
.pro .list { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:30px;}
.pro .list li{ float:left; width:244px; margin:0 3px;/* background-color:#ededed;*/}
.pro .list li i{ display:block; width:130px; height:100px; margin:0 auto; margin-top:25px; margin-bottom:15px;}
.pro .list li span{ display:block; text-align:center; font-size:16px; color:#454341; margin-top:10px;}
.pro .list li .i01{ background:url(../images/p01.png) no-repeat center top;}
.pro .list li .i02{ background:url(../images/p02.png) no-repeat center top;}
.pro .list li .i03{ background:url(../images/p03.png) no-repeat center top;}
.pro .list li .i04{ background:url(../images/p04.png) no-repeat center top;}
.pro .list li:hover i{ background-position:bottom}
.pro .list li:hover span{ color:#000;}
.pro .list li:hover{/* background-color:#0054ff;*/}
.pro .list li a{ display:block; text-decoration:none}
.pro .list li img{ display:block; border:3px solid  #ededed  }
.pro .list li:hover img{ display:block;border:3px solid  #0054ff }

.product { overflow:hidden; width:100%; padding:30px 0; background:url(../images/pbg.png) repeat center;}
.product .proleft { float:left; width:240px;}
.product .proleft h3{ font-size:24px; padding:20px 0; background-color:#0054ff; padding-left:25px;}
.product .proleft h3 a{ color:#fff;}
.product .proleft h3 p{ font-size:12px; font-weight:normal; text-transform: uppercase; color:#fff; opacity:0.25; filter:alpha(opacity=17);}
.product .proleft .menu{ padding-top:20px; padding-bottom:10px; *padding-bottom:17px; background-color:#fff; margin-bottom:10px;}

.product .proleft .menu{ padding-left:30px;}
.product .proleft .menu li{ font-size:15px; line-height:38px; background:url(../images/yjfl.png) no-repeat left center; width:173px; }
.product .proleft .menu li a{ display:block; color:#000000; padding-left:30px;}
.product .proleft .menu li ol{ left:240px; top:0px; width:180px; z-index:999; background:#fff; padding-left:15px;}
.product .proleft .menu li ol li a{ font-size:12px; background:url(../images/pro_jt.jpg) no-repeat 15px center;}
.product .proleft .menu li:hover ol li a,.product .proleft .menu li.cur ol li a{}

.product .proleft .menu span{line-height:38px; overflow:hidden; display:block; width:173px;}
.product .proleft .menu span p a{ height:38px; line-height:38px; padding-left:20px; color:#333;}
.product .proleft .menu span p:hover a{ background:url(../images/pleft01.png) no-repeat left center; background-color:#0054ff; color:#fff; text-decoration:none; display:block; height:38px;}





.product .proleft .menu li:hover a,.product .proleft .menu li.cur a{ }
.product .proleft .contact{ overflow:hidden; padding:10px; height:85px; width:220px; background-color:#454341;}
.product .proleft .contact img{ float:left; display:block;}
.product .proleft .contact h4{ float:left; margin-left:8px; font-size:24px; margin-top:12px;}
.product .proleft .contact h4 a{ color:#fff;}
.product .proleft .contact p{ font-size:12px; font-weight:normal; text-transform: uppercase; color:#fff; opacity:0.17; filter:alpha(opacity=17); margin-top:5px;}
.product .proleft .ewm { overflow:hidden; width:100%; padding:15px 0; background-color:#fff; display:none;}
.product .proleft .ewm img{ display:block; margin:0 auto; margin-bottom:5px;}
.product .proleft .ewm p{ text-align:center; font-size:12px; color:#333;}
.product .proleft .phone { overflow:hidden; padding:12px 0; padding-left:65px; background:url(../images/pleft03.png) no-repeat 15px center; background-color:#fff; border-bottom:1px solid #eae9e9;border-top:1px solid #eae9e9;}
.product .proleft .phone b{ display:block; font-size:20px; color:#0054ff; font-family:Arial;}
.product .proleft .phone span{ display:block; font-size:14px; color:#666;}
.product .proleft .info { overflow:hidden; padding:20px; width:200px; background-color:#fff;}
.product .proleft .info p{ font-size:14px; color:#666; line-height:22px;}

.product .proright { background-color:#fff; width:700px; padding:30px 20px; float:right; height:840px;}
.product .proright .top{ overflow:hidden; width:100%; height:20px; line-height:20px; margin-bottom:25px;}
.product .proright .top h3{ float:left; font-size:16px; padding-left:10px; border-left:3px solid #0054ff;}
.product .proright .top h3 a{ color:#0054ff;}
.product .proright .top .btn{ overflow:hidden; float:right;}
.product .proright .top span{ display:block; width:20px; height:20px; float:left; margin-left:1px; cursor:pointer}
.product .proright .top .btn01{ background:url(../images/pright01.png) no-repeat center top;}
.product .proright .top .btn02{ background:url(../images/pright02.png) no-repeat center top;}
.product .proright .top span:hover{ background-position:bottom}
.product .proright .rightbox{ overflow:hidden; width:700px; height:840px; position:relative}
.product .proright .tulist { overflow:hidden; width:110%; height:100%; /*position:absolute;*/ left:0; top:0}
.product .proright .tulist li{ float:left; width:210px; height:245px; padding:0 1px 7px 0; margin-right:24px; margin-bottom:23px; background:url(../images/pright04.png) no-repeat right bottom;}
.product .proright .tulist li a{ display:block; height:195px; border:1px solid #e0dfdf; background-color:#fff;}
.product .proright .tulist li img{ display:block; margin-bottom:20px;}
.product .proright .tulist li span{ display:block; text-align:center; font-size:14px; color:#666;}

/*烦恼*/
.fannao { overflow:hidden; width:1000px; margin:0 auto;}
.fannao span{ display:block; text-align:center; font-size:34px; color:#333; margin-bottom:10px;font-weight: bold;}
.fannao h2{ text-align:center; font-weight:normal; font-size:24px; color:#333; margin-bottom:65px;}
.fannao h2 b{ color:#fff; background:url(../images/fn.png) no-repeat left center; padding:0 10px 15px 20px;}
.fannao .fnbox { overflow:hidden; width:100%; height:1130px; background:url(../images/fnbg.jpg) no-repeat center top;}
.fannao .wen{ overflow: hidden; width:440px;}
.fannao h3{ font-size:20px; color:#0054ff; margin-bottom:10px;margin-top: 18px;}
.fannao p{ font-size:16px; color:#666; line-height:20px;}
.fannao .wen01{ margin-top:22px;}
.fannao .wen01,.fannao .wen02,.fannao .wen05,.fannao .wen06{ margin-left:560px; margin-bottom:50px;}
.fannao .wen03,.fannao .wen04{ margin-left:120px; margin-bottom:80px;}
.fannao .wen02{ margin-bottom:140px;}
.fannao .wen04{ margin-bottom:140px;}

/*case*/
.case { overflow:hidden; width:100%; padding:50px 0 40px 0; background-color:#eee;}
.case .casebox { overflow:hidden; width:1090px; margin:0 auto; height:110px; position:relative;}
.case .casebox i{ display:block; width:33px; height:65px; cursor:pointer; position:absolute; top:22px;}
.case .casebox .btn01{ background:url(../images/hezuo_btn.png) no-repeat center top; left:0}
.case .casebox .btn02{ background:url(../images/hezuo_btn.png) no-repeat center bottom; right:0}
.case .caseWin { overflow:hidden; width:1000px; margin:0 auto; height:110px; position: relative}
.case .caseWin ul{ overflow:hidden; position: absolute}
.case .caseWin li{ float:left; width:196px; height:110px; margin-right:5px;}

/*流程*/
.liucheng { overflow:hidden; width:100%; padding:1px 0 40px 0; background-color:#3e3e3e;}
.liucheng img{ display:block; margin:0 auto}

/*优势*/
.youshiimg{  text-align: center;  margin-top: 60px;}
.youshi { overflow:hidden; width:100%;}
.youshi .youshi_top{ overflow:hidden; width:100%; height:331px; background:url(../images/ys_01.jpg) no-repeat center top;}
.youshi .youshi01 { width:100%; height:398px; background:url(../images/ys_02.jpg) no-repeat center top;}
.youshi .youshi02 { width:100%; height:336px; background:url(../images/ys_03.jpg) no-repeat center top;}
.youshi .youshi03 { width:100%; height:335px; background:url(../images/ys_04.jpg) no-repeat center top;}
.youshi .youshi04 { width:100%; height:397px; background:url(../images/ys_05.jpg) no-repeat center top;}
.youshi h2{ text-align:center; font-size:35px; color:#333; text-align:center; margin-top:90px; position:relative; left:-50px;}
.youshi em{ display:block; text-align:center; font-size:16px; color:#333; position:relative; left:60px;}
.youshi h3{ font-size:24px; color:#0054ff;}
.youshi span{ display:block; font-size:16px; color:#000; margin-top: 5px;margin-bottom:25px;}
.youshi p{ font-size:16px; color:#333; line-height:25px; padding-left:25px; background:url(../images/ys_p.png) no-repeat left 5px; margin-bottom:15px;}
.youshi .ys{ overflow:hidden}
.youshi .wen{ overflow:hidden; width:410px; margin:0 auto; position:relative}
.youshi .wen01,.youshi .wen03{ left:-200px;}
.youshi .wen02{ left:280px; width:350px}
.youshi .wen04{ left:300px; width:350px}

/*about*/
.about { overflow:hidden; width:100%; padding:50px 0 35px 0; background-color:#3e3e3e;}
.about dl{ overflow:hidden; width:1000px; margin:0 auto; height:283px;}
.about dt{ overflow:hidden; width:500px; height:283px; float:left}
.about dd{ overflow:hidden; float:right; width:430px; background-color:#fff; padding:35px 35px; height:186px; margin-top:27px;}
.about h3{ font-size:18px; font-weight:normal; margin-bottom:18px;}
.about h3 a{ color:#333}
.about i{ display:block; width:40px; height:1px; /*background-color:#c85f05;*/ margin-bottom:20px;}
.about p{ font-size:14px; color:#333; line-height:20px; overflow:hidden; margin-bottom:10px;}
.about .btn{ overflow:hidden; width:100%;}
.about .btn a{ display:block; text-align:center; font-size:13px; color:999; float:left; text-decoration:none; width:91px; height:32px; line-height:32px; background:url(../images/about_btn.png) no-repeat center top; margin-right:5px;}
.about .btn a:hover{ background-position:bottom; color:#fff; font-weight:bold}

/*荣誉*/
.rongyu { overflow:hidden; width:1000px; margin:20px auto;}
.rongyu .rybox { overflow:hidden; width:100%; height:210px; position: relative}
.rongyu .rybox ul{ overflow:hidden; position:absolute}
.rongyu .rybox li{ float:left; margin-right:18px;margin-bottom:10px;background:url(../images/ry.png) no-repeat center 242px;}
.rongyu .rybox li img{ display:block; border:1px solid #e6e1e1; margin-bottom:15px;}
.rongyu .rybox li span{ display:block; text-align:center; font-size:13px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.rongyu .rybox li a{ display:block; text-decoration:none}
/*ad001*/
.ad02 { overflow:hidden; width:100%; height:147px; background:url(../images/ad02.jpg) no-repeat center top;}
/*ad01*/
.ad01 { overflow:hidden; width:100%; height:147px; background:url(../images/ad01.jpg) no-repeat center top;}
.ad01 b{ display:block; font-size:28px; color:#fff; text-align:center; margin-top:80px; position:relative; left:380px;}

/*news*/
/*.news { overflow:hidden; width:100%; padding:35px 0 50px 0; background-color:#eee;}
.news .newscenter{ overflow:hidden; width:950px; margin:0 auto; height:390px; padding:50px 25px 0 25px; background-color:#fff;}
.news .newsleft { overflow:hidden; width:640px; height:100%; float:left}
.news .newsleft .top{ overflow:hidden; width:100%; margin-bottom:20px;}
.news .newsleft .menu{ overflow:hidden; float:left}
.news .newsleft .menu li{ float:left; width:110px; height:35px; text-align:center; line-height:35px; background-color:#eee; font-size:16px;}
.news .newsleft .menu li a{ display:block; text-decoration:none; color:#666;}
.news .newsleft .menu li.cur a{ background-color:#0054ff; color:#fff;}
.news .more{ display:block; width:25px; height:25px; background:url(../images/news_more.jpg) no-repeat center; float:right;}
.news .newsleft .newsbox{ overflow:hidden; width:110%; height:300px; position:relative}
.news .newsleft .newslist { overflow:hidden; width:100%; height:100%;}

.news .newslist .lefttu{ overflow:hidden; float:left; width:300px; height:270px; background-color:#0054ff;}
.news .newslist .lefttu img{ display:block; margin-bottom:20px;}
.news .newslist .lefttu span{ display:block; text-align:center; font-size:13px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .newslist .lefttu a{ display:block; text-decoration:none}

.news .newsleft .newslist ul{ overflow:hidden; width:340px; float:left;}
.news .newsleft .newslist li{ width:100%; overflow:hidden; margin-bottom:13px; height:15px; line-height:15px;padding-left: 15px;}
.news .newsleft .newslist li em{ display:inline-block; width:15px; height:15px; border-radius:3px; font-size:12px; text-align:center; color:#fff; background-color:#999; float:left; margin-right:5px;}
.news .newsleft .newslist li em{ *display:inline}
.news .newsleft .newslist li .emred{ background-color:#c10000;}
.news .newsleft .newslist li a{ display:block; font-size:12px; color:#000; float:left; width:215px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsleft .newslist li span{ float:right; font-size:12px; color:#989696;width: 81px;}

.news .newsright { overflow:hidden; width:280px; float:right; height:100%;}
.news .newsright .top{ overflow:hidden; margin-bottom:35px; width:100%;}
.news .newsright .top h3{ float:left; font-size:16px; font-weight:normal; padding-left:10px; border-left:6px solid #0054ff;}
.news .newsright .top h3 a{ color:#333;}
.news .newsright .top h3 span{ font-size:14px; color:#999; font-family:Arial; margin-left:5px;}
.news .newsright .wenda{ overflow:hidden; width:100%; height:300px; position:relative}
.news .newsright .wenda ul{ overflow:hidden; position:absolute}
.news .newsright .wenda li{ width:100%; height:84px; border-bottom:1px dashed #eee; margin-bottom:15px;}
.news .newsright .wenda h5{ font-weight:normal; font-size:12px; color:#333; padding-left:40px; background:url(../images/wen.png) no-repeat left center; line-height:26px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsright .wenda p{ padding-left:40px; background:url(../images/da.png) no-repeat left top; line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#999}*/



.news { overflow:hidden; width:100%; padding:35px 0 50px 0; background-color:#eee;}
.news .newscenter{ overflow:hidden; width:950px; margin:0 auto; height:390px; padding:50px 25px 0 25px; background-color:#fff;}
.news .newsleft { overflow:hidden; width:300px; height:100%; float:left; margin-right:35px;}
.news .newsleft .menu{ overflow:hidden; float:left}
.news .newsleft .menu li{ float:left; width:110px; height:35px; text-align:center; line-height:35px; background-color:#eee; font-size:16px;}
.news .newsleft .menu li a{ display:block; text-decoration:none; color:#666;}
.news .newsleft .menu li.cur a{ background-color:#0054ff; color:#fff;}
.news .more{ display:block; width:25px; height:25px; background:url(../images/news_more.jpg) no-repeat center; float:right;}
.news .newsleft .newsbox{ overflow:hidden; width:110%; height:300px; position:relative}
.news .newsleft .newslist { overflow:hidden; width:100%; height:100%;}
.news .newsleft .newslist ul{ overflow:hidden; width:310px; float:left; margin-right:20px;}
.news .newsleft .newslist li{ width:100%; overflow:hidden; margin-bottom:16px; height:15px; line-height:15px;}
.news .newsleft .newslist li em{ display:inline-block; width:15px; height:15px; border-radius:3px; font-size:12px; text-align:center; color:#fff; background-color:#999; float:left; margin-right:5px;}
.news .newsleft .newslist li em{ *display:inline}
.news .newsleft .newslist li .emred{ background-color:#c10000;}
.news .newsleft .newslist li a{ display:block; font-size:12px; color:#000; float:left; width:210px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsleft .newslist li span{ float:right; font-size:12px; color:#989696; width: 77px;}

.news .newsright { overflow:hidden; width:280px; float:right; height:100%;}
.news .top{ overflow:hidden; margin-bottom:35px; width:100%;}
.news .top h3{ float:left; font-size:16px; font-weight:normal; padding-left:10px; border-left:6px solid #000000;}
.news .top h3 a{ color:#333;font-weight: bold;}
.news .top h3 span{ font-size:14px; color:#999; font-family:Arial; margin-left:5px;}
.news .newsright .wenda{ overflow:hidden; width:100%; height:280px; position:relative}
.news .newsright .wenda ul{ overflow:hidden; position:absolute}
.news .newsright .wenda li{ width:100%; height:84px; border-bottom:1px dashed #eee; margin-bottom:15px;}
.news .newsright .wenda h5{ font-weight:normal; font-size:12px; color:#333; padding-left:40px; background:url(../images/wen.png) no-repeat left center; line-height:26px; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsright .wenda h5 a{color:#000;}
.news .newsright .wenda p{ padding-left:40px; background:url(../images/da.png) no-repeat left top; line-height:20px; height:40px; overflow:hidden; font-size:12px; color:#999}

/*menunav*/
.menunav { overflow:hidden; width:1000px; margin:50px auto 20px auto;}
.menunav .menubox{ overflow:hidden; border:1px solid #cfcfcf; padding:40px 0 30px 0; margin-top:-20px;}
.menunav .list{ overflow:hidden; width:159px; float:left; padding-left:20px; border-right:1px solid #cfcfcf; height:220px; margin-right:20px;}
.menunav .list.last{ border:none; margin-right:0; width:100px;}
.menunav .list.list02{ width:209px;}
.menunav h3{ font-size:18px; margin-bottom:30px;}
.menunav h3 a{ color:#333;}
.menunav p{ font-size:12px; line-height:30px;}
.menunav p a{ color:#333;}
.menunav h2{ text-align:center; width:200px; margin:0 auto; background-color:#fff;font-size:20px; color:#333; position:relative; z-index:1}
.menunav h2 span{ display:block; color:#0054ff; text-transform:uppercase; margin-left:10px;  font-size: 19px;}

/*link*/
.link { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:35px;}
.link h2{ width:120px; text-align:center; background-color:#fff; margin:0 auto; font-size:20px; position:relative; z-index:1}
.link h2 a{ color:#333;}
.link h2 span{ font-size:19px; display:block; color:#0054ff; margin-left:10px;}
.link ul{ overflow:hidden; margin-top:-20px; width:978px; border:1px solid #cfcfcf; padding:20px 10px; padding-bottom:40px;}
.link li{ float:left; font-size:12px; line-height:25px; margin:0 10px; white-space:nowrap}
.link li a{ color:#666}
.link .rk{ display:block; width:144px; height:27px; background:url(../images/link.png) no-repeat center; margin:0 auto; margin-top:-13px;}